<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卧龙</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./base.css">
</head>
<body>
    <!-- 版心 -->
     <div class="contianer">
       <!-- logo -->
        <div class="logo">
            <img src="./wolong-logo.png" alt="">
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="text" placeholder="SEARCH" id="">
        </div>
        <!-- 导航 -->
        <div class="nav">
            <ul>
                <li class="first"><a href="">集团介绍</a></li>
                <li><a href="">产品中心</a></li>
                <li><a href="">卧龙市场</a></li>
                <li><a href="">技术研发</a></li>
                <li><a href="">国际关系</a></li>
                <li><a href="">投资者关系</a></li>
                <li><a href="">新闻资讯</a></li>
                <li class="last"><a href="">人力资源</a></li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="banner">
            <img src="./wolong2.png" alt="">
        </div>
        <!-- 新闻 -->
        <div class="news">
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <h2>新闻资讯</h2>
            <ol>
                <li>陈建成黄事长出席ATB集团召开年度销售大会
                </li>
                <li>中国电器工业协会分马力电机分会在卧龙召开理事长.
                </li>
                <li>陈建成苗事长访问中国驻德大使馆
                </li>
                <li>企业文化是企业持续经营的关键要素
                </li>
                <li>陈建成监事长在ATB集团2013年销售会议上发表重要.
                </li>
                <li>喜迎七一唱响卧龙年轻力量激发企业持久活力卧龙举.
                </li>
            </ol>
            <div class="js">
                <br>
                <ol>
                    <li>2013-07-30</li>
                    <li>2013-07-30</li>
                    <li>2013-07-30</li>
                    <li>2013-07-30</li>
                    <li>2013-07-30</li>
                    <li>2013-07-30</li>
                </ol>
            </div>
            <div class="js1">
                  <h2>
                    &nbsp;
                    卧龙介绍
                </h2>
                <p><span>   公司成立于1984年,
   经过近30年的发展
   
   <span>已经成为电气制造,房地产开发,和金融
   投资三业并举的综合性跨国....
   </span>
                </span></p>
                <p><span></span></p>
            </div>
            <div class="js2">
                <h2>&nbsp;&nbsp;人才招聘</h2>
                <p><span>   培育一流的人才,铸造一流的工程
   实现员工与企业的共同发展
                </span></p>
            </div>
            <div class="js3">
                <img src="./hua.png" alt="">
            </div>
        </div>
        <!-- 市场 -->
        <div class="market">
            <h2>卧龙市场</h2>
            <div class="m1">
               <img src="./卧龙控股01.png" alt="">
               <p>交通轨道：由于主要采用电气牵引，而</p>
               <p>且轮轨摩擦阻力较小，与公共...</p>
            </div>
            <div class="m2">
                <img src="./卧龙控股02.png" alt="">
                <p>节能环保：由于不断上张的能源消耗和</p>
                <p>与公共 我们的专业知识，维护可持续...</p>
            </div>
            <div class="m3">
                <img src="./卧龙控股03.png" alt="">
                <p>航空与船舰：如果你是在公海行驶，你</p>
                <p>需要确保你的船只的电力系统…</p>
            </div>
            <div class="m4">
                <img src="./卧龙控股04.png" alt="">
                <p>石油、天然气及采矿：在市场中的安全</p>
                <p>性，可靠性，效率和最短的停机</p>
            </div>
        </div>
          <!-- 相关 -->
           <div class="about">
                <div class="a1">
                    <h2>产品中心</h2>
                    <hr>
                    <div>
                        <div class="mark"></div><span>汽车电机</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>日用电机</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>特种电机</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>大功率电机</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>电工设备</span>
                    </div>



                    <div class="a11">
                        <div>
                            <div class="mark"></div><span>工业驱动和自动化</span>
                        </div>
                        <div>
                            <div class="mark"></div><span>高压变频和系统集成</span>
                        </div>
                        <div>
                            <div class="mark"></div><span>混凝土搅拌机</span>
                        </div>
                        <div>
                            <div class="mark"></div><span>电动车辆</span>
                        </div>
                    </div>
                    
                    <div class="a22">
                        <div>
                            <div class="mark"></div><span>电池电源</span>
                        </div>
                        <div>
                            <div class="mark"></div><span>输变电设备</span>
                        </div>
                        <div>
                            <div class="mark"></div><span>楼盘信息</span>
                        </div>
                        <div>
                            <div class="mark"></div><span>金融产品</span>
                        </div>
                    </div>


                </div>
                <div class="a2">
                     <h2>技术研发</h2>
                     <hr>
                     <div>
                        <div class="mark"></div><span>科技力量</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>先进设备</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>研发创新</span>
                    </div>
                    <div>
                        <div class="mark"></div><span>工艺流程</span>
                    </div>
                </div>
                <div class="a3">
                     <h2>营销网络</h2>
                     <hr>
                     <img src="./wolong05.png" alt="">
                </div>
           </div>
          <!-- 底部 -->
           <div class="foot"></div>
     </div>
</body>
</html>